<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>vue.js起步</title>
	<script src="./lib/vue2.2.2.min.js" ></script>
</head>

<body>
	<div id="myapp">
	    <!-- 调用vue里面的属性  -->
	    <h1> {{ site }} </h1>
	    <h1> {{ url }} </h1>
	    <!-- 调用vue里面函数 -->
	    <h1> {{ cs() }} </h1>
	    
	</div>
	<script>
	var myvue = new Vue({
	  //绑定 
	  el: '#myapp', //id绑定注意#不能遗漏,id必须唯一
	  data: {
	  	  site:"成都生活",
	  	  url:"www.baidu.com",
	  	  content:"我很开心"
	  },
      methods:{
      	//cs是函数名
      	cs:function(){
      		return "您好," + this.content;
      	}
      }
	})
    //修改属性site的值,实例化对象的名称.属性
    //错误方式 this.site = "123";
    //错误方式 this.data.site = "123";
    //错误方式 myvue.data.site = "123";
    
    myvue.site = "我是修改后的成都生活";

	</script>
	
</body>
</html>
